//1.导入包
import React from 'react'
import ReactDOM from 'react-dom';

//2.创建虚拟DOM(用js对象的方式，来表示DOM和DOM之间的嵌套关系)
const myDiv  = React.createElement('h1',null,'this is a title');

/**
 * 注意在js文件中，默认不能写这种类似于HTML的标记，否则会打包失败
 * 可以使用babel来转换这些JS中的标签
 * 这种在JS中，混合写入类似HTML的语法，叫做JSX的语法，符合XML规范的JS
*/
const myDiv1 = <div id="mydiv" title="this div title">this is div element</div>
// 直接用jsx报错，所以需要转换

//3.调用render函数渲染
ReactDOM.render(myDiv1,document.getElementById('app'))